<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>上海创知信网络科技有限公司</title>
<meta name="description" content="上海创知信网络科技有限公司,公司是一家软件与信息技术服务商，为金融、科技、互联网、地产、汽车、零售等行业客户提供解决方案及产品。">
<meta name="author" content="创知信,创知信网络,创知信网络科技,上海创知信, 上海创知信网络,上海创知信网络科技,上海创知信网络科技有限公司, 上海创知信网络科技有限公司发展历程, 上海创知信网络科技有限公司公司业务, 上海创知信网络科技有限公司管理团队, 上海创知信网络科技有限公司公司文化">
<meta name="keywords" content="王长安,创知信,创知信网络,创知信网络科技,上海创知信,上海创知信网络,上海创知信网络科技,上海创知信网络科技有限公司, 上海创知信网络科技有限公司发展历程, 上海创知信网络科技有限公司公司业务, 上海创知信网络科技有限公司管理团队, 上海创知信网络科技有限公司公司文化,软件开发,外包公司,创知,解决方案,公司,团队,核心,服务,专业,客户,行业,创新,王长安,刘朱涛,公司,王柏霖,业务">

<!-- Favicons
    ================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">

<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"  href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

<!-- Slider
    ================================================== -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">

<!-- Stylesheet
    ================================================== -->
<link rel="stylesheet" type="text/css"  href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<link href='#css?family=Lato:400,700,900,300' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:400,700,800,600,300' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/modernizr.custom.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Navigation
    ==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
  <div class="container"> 
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="navbar-brand" href="index.html">上海创知信网络科技<strong><span class="color">.</span></strong></a> </div>
    
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#home" class="page-scroll">首页</a></li>
        <li><a href="#services-section" class="page-scroll">服务</a></li>
        <li><a href="#works-section" class="page-scroll">作品</a></li>
        <li><a href="#about-section" class="page-scroll">关于我们</a></li>
        <li><a href="#team-section" class="page-scroll">团队</a></li>
        <li><a href="#testimonials-section" class="page-scroll">感言</a></li>
        <li><a href="#contact-section" class="page-scroll">联系我们</a></li>
      </ul>
    </div>
    <!-- /.navbar-collapse --> 
  </div>
  <!-- /.container-fluid --> 
</nav>

<!-- Header -->
<header class="text-center" name="home">
  <div class="intro-text">
    <h1>欢迎来到 <strong><span class="color">上海创知信网络科技</span></strong></h1>
    <p>我们创建了令人惊叹的 <strong>网站</strong> & <strong>app、小程序</strong> 提供很棒的用户体验</p>
    <a href="#services-section" class="fa fa-angle-down page-scroll"> </a> </div>
</header>

<!-- Services Section -->
<div id="services-section" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>我们的 <strong>服务</strong></h2>
      <hr>
      <div class="clearfix"></div>
      <p> 高级软件定制开发,包括网站、app、小程序、桌面端</p>
    </div>
    <div class="space"></div>
    <div class="row">
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-desktop"></i>
        <h4><strong>网站开发</strong></h4>
        <p>我们的网站开发服务覆盖各个方面，包括但不限于网站设计、前端和后端开发、内容管理系统、电子商务解决方案、网站维护和升级等。我们以客户的需求为中心，为客户提供定制化的解决方案，确保每个项目都能够完美地满足客户的要求。</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-mobile"></i>
        <h4><strong>App</strong></h4>
        <p>我们的App开发服务涵盖各个方面，包括但不限于App设计、原型设计、前端和后端开发、数据库设计、云计算解决方案、安全性和性能测试等。我们注重用户体验和界面设计，确保每个App都能够为用户提供流畅、直观、易用的体验，从而提高用户满意度和留存率。</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-pie-chart"></i>
        <h4><strong>数据分析</strong></h4>
        <p>我们的数据分析团队由经验丰富的分析师和科学家组成，拥有全面的技术知识和卓越的分析技能。我们使用最新的数据分析工具和技术，包括但不限于统计学分析、机器学习和人工智能技术等，来帮助客户从大量数据中发掘有价值的信息。</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-line-chart"></i>
        <h4><strong>SEO 优化</strong></h4>
        <p>我们的SEO团队由专业的SEO专家组成，他们拥有丰富的经验和专业的技能，能够通过全面的SEO技术和策略为您的网站提供最优质的SEO优化服务,帮助您获得更高的排名、增加流量和提高转化率。</p>
      </div>
    </div>
  </div>
</div>
<!-- Portfolio Section -->
<div id="works-section">
  <div class="container"> <!-- Container -->
    <div class="section-title text-center center">
      <h2>我们的 <strong>工作</strong></h2>
      <hr>
      <div class="clearfix"></div>
      <p>我们提供全面的IT服务，包括但不限于软件开发、网络架构和管理、数据库管理、云计算和人工智能技术等。我们注重为客户提供定制化的IT解决方案，根据客户的业务需求和目标，为客户提供最佳的IT解决方案。</p>
    </div>
    <div class="categories">
      <ul class="cat">
        <li>
          <ol class="type">
            <li><a href="#" data-filter="*" class="active">全部</a></li>
            <li><a href="#" data-filter=".web">网站开发</a></li>
            <li><a href="#" data-filter=".app">App开发</a></li>
            <li><a href="#" data-filter=".branding">品牌推广</a></li>
          </ol>
        </li>
      </ul>
      <div class="clearfix"></div>
    </div>
    <div class="copyrights">Collect from <a href="http://www.moobnn.com/" >模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></div>
    <div class="row">
      <div class="portfolio-items">
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/01.jpg" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>Web Design</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/portfolio/01.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 app">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/02.jpg" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>App Development</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/portfolio/02.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/03.jpg" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>Web Design</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/portfolio/03.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/04.jpg" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>Web Design</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/portfolio/04.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 app">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/05.jpg" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>App Development</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/portfolio/05.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 branding">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/06.jpg" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>Branding</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/portfolio/06.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 branding app">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/07.jpg" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>App Development, Branding</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/portfolio/07.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/08.jpg" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>Web Design</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/portfolio/08.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- About Section -->
<div id="about-section">
  <div class="container">
    <div class="section-title text-center center">
      <h2><strong>关于</strong> 我们</h2>
      <hr>
      <div class="clearfix"></div>
      <p>我们是一家专业的IT公司，致力于为客户提供最优质的IT服务和解决方案。我们的IT团队由经验丰富的技术专家和工程师组成，拥有全面的技术知识和卓越的技术能力。</p>
    </div>
    <div class="row">
      <div class="col-md-6"> <img src="img/about.png" class="img-responsive"> </div>
      <div class="col-md-6">
        <div class="about-text"> <i class="fa fa-users"></i>
          <h4>我们是谁</h4>
          <p>我们是一家创新科技公司，专注于提供先进的IT解决方案，致力于帮助客户实现数字化转型。我们的团队由一群充满激情的技术专家组成，他们拥有多年的IT行业经验和深厚的技术背景，能够为客户提供高效、可靠的服务和解决方案。</p>
          <i class="fa fa-puzzle-piece"></i>
          <h4>我们所做的</h4>
          <p>我们提供全面的IT服务，包括但不限于软件开发、网络架构和管理、数据库管理、云计算和人工智能技术等。我们注重为客户提供定制化的IT解决方案，根据客户的业务需求和目标，为客户提供最佳的IT解决方案。</p>
          <i class="fa fa-check-square-o"></i>
          <h4>为什么选择我们</h4>
          <p>我们的IT服务覆盖广泛的行业，包括但不限于金融、制造业、医疗保健、教育和政府机构等。我们与客户密切合作，了解客户的业务需求和目标，为客户提供最佳的IT解决方案，并提供实时的技术支持和服务。</p>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Team Section -->
<div id="team-section" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>管理 <strong>团队</strong></h2>
      <hr>
      <p>我们的管理团队注重用户需求和体验，以用户为中心，不断创新和优化，为客户提供更好的产品和服务。</p>
    </div>
    <div id="row">
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/wca.png" alt="..." class="img-circle team-img">
          <div class="caption">
            <h3>王长安</h3>
            <p>董事会主席兼首席执行官</p>
            <p>不要害怕失败，因为只有失败才能让你成为更好的人。</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/lzt.png" alt="..." class="img-circle team-img">
          <div class="caption">
            <h3>刘朱涛</h3>
            <p>执行副主席</p>
            <p>要对创新和变革保持敏感，勇于突破常规，才能在竞争激烈的市场中脱颖而出。</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/wbl.png" alt="..." class="img-circle team-img">
          <div class="caption">
            <h3>王柏霖</h3>
            <p>董事兼总裁</p>
            <p>要保持开放的心态，保持好奇心，勇于接受挑战。</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/xqt.png" alt="..." class="img-circle team-img">
          <div class="caption">
            <h3>穴庆涛</h3>
            <p>首席人才官</p>
            <p>创业的路上充满了挑战和风险，但只要坚持下去，最终一定会获得成功。</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Testimonials Section -->
<div id="testimonials-section" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>客户评价</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
        <div id="testimonial" class="owl-carousel owl-theme">
          <div class="item">
            <p>我非常满意这家软件外包公司的服务，他们团队专业，经验丰富，对我的需求非常敏感，并且提供了高质量的解决方案</p>
            <p><strong>王海</strong>, 上海xxxx有限公司CEO.</p>
          </div>
          <div class="item">
            <p>他们给我的软件用起来非常顺手，界面简洁明了，功能又多又好。虽然价格稍微有点高，但这个软件真的非常值！</p>
            <p><strong>刘美娟</strong>, 北京xxxx建材有限公司CEO.</p>
          </div>
          <div class="item">
            <p>在开发软件过程中，这家公司也为我提供了许多有价值的建议和反馈。他们的开发人员非常聪明和乐于助人，总是能够快速解决我在使用过程中遇到的问题。他们也非常注重与我进行沟通交流，以确保我完全满意软件开发的整个过程。</p>
            <p><strong>张建国</strong>,济宁xxxx有限公司CEO. </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Contact Section -->
<div id="contact-section" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2><strong>联系我们</strong> </h2>
      <hr>
      <p>我们致力于为全球客户提供最优质的服务。如果您有任何需求或疑问，请随时通过以下方式与我们联系，我们将竭诚为您服务。</p>
    </div>
    <div class="col-md-8 col-md-offset-2">
      <div class="col-md-4"> <i class="fa fa-map-marker fa-2x"></i>
        <p>上海市徐汇区零陵路899号<br>
         创知信大楼1-101</p>
      </div>
      <div class="col-md-4"> <i class="fa fa-envelope-o fa-2x"></i>
        <p>shczxwlkj@163.com</p>
      </div>
      <div class="col-md-4"> <i class="fa fa-phone fa-2x"></i>
        <p>18601599016</p>
      </div>
      <hr>
      <div class="clearfix"></div>
    </div>
    <div class="col-md-8 col-md-offset-2">
      <hr>
      <h3>请留言</h3>
      <form>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <input type="email" class="form-control" placeholder="名字">
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <input type="email" class="form-control" placeholder="邮箱">
            </div>
          </div>
        </div>
        <div class="form-group">
          <textarea class="form-control" rows="4" placeholder="内容"></textarea>
        </div>
        <button type="submit" class="btn btn-default">提交</button>
      </form>
    </div>
  </div>
</div>
</div>
<nav id="footer">
  <div class="container">
    <div class="pull-left fnav">
      <p>版权公告 © 2022-2023 上海创知信网络科技有限公司,版权所有。</p>
      <p><a href="https://beian.miit.gov.cn/#/Integrated/index">沪ICP备2023006128号-2</a></p>
    </div>
  </div>
</nav>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="http://ajax.useso.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.1.11.1.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/SmoothScroll.js"></script> 
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> 
<script type="text/javascript" src="js/jquery.isotope.js"></script> 
<script src="js/owl.carousel.js"></script> 

<!-- Javascripts
    ================================================== --> 
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>